<template>
	<van-cell :title="name" :label="author + ' - ' + name" center>
		<template #right-icon>
			<van-icon name="play-circle-o" size="0.6rem" @click="gotoMusic" />
		</template>
	</van-cell>
</template>

<script>
export default {
	props: {
		name: String,
		author: String,
		id: Number
	},

	methods: {
		gotoMusic() {
			this.$router.push({
				path: '/play',
				query: { id: this.id }
			});
		}
	}
};
</script>

<style></style>
